<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>企业用户注册-双欧</title>
  <meta name="description"
        content="码力兄弟是按需用IT人才“Uber”，快准好的匹配合适的人解决企业产品技术问题，通过匹配技术咨询顾问、技术开发团队、驻场用人、全职用人甚至技术VC等一站式为企业提供技术服务解决方案的平台"/>
  <meta name="keywords" content="码力兄弟,众包,软件众包,软件外包,项目外包,项目需求,程序员接活,兼职,私活,软件开发,小程序"/>
  <meta name="copyright" content="上海易推信息科技有限公司"/>
  <meta name="author" content="evil_web（429391294@qq.com）"/>
  <link rel="stylesheet" type="text/css" href="css/base.css"/>
  <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
  <link rel="stylesheet" type="text/css" href="css/common.css"/>
  <link rel="stylesheet" type="text/css" href="css/city-picker.css">
  <link rel="stylesheet" type="text/css" href="css/login.css"/>
  <!--[if lte IE 9]>
        <script type="text/javascript" src="js/html5shiv-printshiv-3.js"></script>
    <![endif]-->
</head>
<body>

<div class="bg">
  <!--公共头部 header start-->
  <header>
    <div class="container">
      <a href="javascript:;" class="logo">
        <img src="images/logo.png" alt="">
      </a>
      <p class="header-right">
        <span class="welcome">企业用户注册</span>
      </p>
    </div>
  </header>
  <!--公共头部  header end-->
  <div class="service-agreement-box">
    <div class="container">
      <p class="tit">注册成为企业用户</p>
      <p class="path">
        <a href="javascript:;">首页/</a>
        <a href="javascript:;">注册/</a>
        <a href="javascript:;">注册企业用户</a>
      </p>
    </div>
  </div>
  <!--标题-->
  <div class="reg-company-step">
    <div class="container">
          <span class="tit">
            注册审核流程：
          </span>
      <div class="step-wrap">
        <p class="step-item">
          <span class="icon icon_hover bg-pic_qiyexinxi"></span>
          <span class="text text_hover">企业信息</span>
        </p>
        <p class="step-line"></p>
        <p class="step-item">
          <span class="icon icon_hover bg-pic_qiyexinxi"></span>
          <span class="text text_hover">联系人信息</span>
        </p>
        <p class="step-line"></p>
        <p class="step-item">
          <span class="icon bg-pic_qiyexinxi"></span>
          <span class="text">开票信息</span>
        </p>
        <p class="step-line"></p>
        <p class="step-item">
          <span class="icon bg-pic_qiyexinxi"></span>
          <span class="text">完成</span>
        </p>
      </div>
    </div>
  </div>
  <!--步骤-->
  <div class="container log-container">
    <div class="company-reg-box">
      <p class="tit">企业信息</p>
      <div class="company-reg-cont" style="padding-bottom:70px;">
        <form class="layui-form layui-form-company-info" action="">
          <div class="layui-form-item">
            <label class="layui-form-label"><em class="color-red">* </em>  企业名称：</label>
            <div class="layui-input-block">
              <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入工商执照上的企业名称" class="layui-input">
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label"> <em class="color-red">* </em> 企业所在地：</label>
            <div class="layui-input-block">
              <div class="apply-payment-city-box">
                <div id="distpicker1">
                  <div class="form-group">
                    <div style="position: relative;">
                      <input id="city-picker1" class="form-control" readonly type="text" value="请选择省/市/区" data-toggle="city-picker">
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="layui-input-block">
              <input type="text" name="code" lay-verify="required" placeholder="详细地址" autocomplete="off" class="layui-input">
            </div>
          </div><!--企业所在地-->

          <div class="layui-form-item">
            <label class="layui-form-label"> <em class="color-red">* </em> 营业执照：</label>
            <div class="layui-input-block">
              <div class="apply-payment-file-box">
                <div class="layui-upload input-business-license bg-btn_addphoto">
                  <button type="button" class="layui-btn" id="test1">上传图片</button>
                  <div class="layui-upload-list">
                    <img class="layui-upload-img" id="demo1">
                    <!--<p id="demoText"></p>-->
                  </div>
                </div>
              </div>
              <p class="apply-payment-file-p">请上传原件彩色照片；图片尺寸最大不超过5M</p>
            </div>
          </div><!--上传营业执照-->
          <div class="layui-form-item">
            <label class="layui-form-label"> <em class="color-red">* </em> 营业执照注册号：</label>
            <div class="layui-input-block">
              <input type="tel" name="phone" lay-verify="required" placeholder="请输入 营业执照注册号" autocomplete="off" class="layui-input">
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label"> <em class="color-red">* </em>  企业性质：</label>
            <div class="layui-input-block">
              <select name="interest" lay-filter="aihao">
                <option value="">请选择企业性质</option>
                <option value="0">政府机关、事业单位</option>
                <option value="1" selected="">国营</option>
                <option value="2">私营</option>
                <option value="3">合资</option>
                <option value="4">外资</option>
                <option value="4">其他</option>
              </select>
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label"> <em class="color-red">* </em>  企业人数：</label>
            <div class="layui-input-block">
              <select name="interest" lay-filter="aihao">
                <option value="">请选择企业人数</option>
                <option value="0">1-49</option>
                <option value="1" selected="">50-99</option>
                <option value="2">100-499</option>
                <option value="3">500-999</option>
                <option value="4">1000以上</option>
              </select>
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label"> <em class="color-red">* </em>  所属行业：</label>
            <div class="layui-input-block">
              <select name="interest" lay-filter="aihao">
                <option value="">请选择行业</option>
                <option value="0">IT、互联网、科技</option>
                <option value="1">金融、证券、保险</option>
                <option value="2">房地产、建筑、工程</option>
                <option value="3">广告、创意、设计</option>
                <option value="4">教育、文化、艺术</option>
                <option value="4">其他</option>
              </select>
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label"> 办公电话：</label>
            <div class="layui-input-block">
              <input type="text" name="bank" lay-verify="required" placeholder="包括区号、电话、分机号，以“-”隔开" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-mid layui-word-aux posR fL">
            <div class="agree-deal">
              <input type="checkbox" name="like[write]"><div class="layui-unselect layui-form-checkbox" lay-skin=""><i class="layui-icon"></i></div>
            </div>
            我已阅读并同意
            <a href="javascript:;" class="contact-phone color-blue">
              《双鸥平台服务协议》
            </a>
          </div>
          <div class="layui-form-item">

            <div class="layui-input-block">
              <button class="layui-btn btn2" lay-submit="" lay-filter="demo1">下一步</button>
            </div>
          </div>
        </form>

      </div>
    </div>
  </div>
</div>

<!--公共底部  footer start-->
<div class="login-footer">
  <p>
    Copyright © 2015 All Rights Reserved 版权所有©上海双鸥环境服务股份有限公司
  </p>
  <p>
    沪ICP备15044099号
  </p>
</div>
<!--公共头部  footer end-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="layui/layui.js"></script>
<script type="text/javascript" src="js/city-picker.data.js"></script>
<script type="text/javascript" src="js/city-picker.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script>
  layui.use(['form', 'layedit', 'laydate','upload'], function(){
    var form = layui.form
        ,layer = layui.layer
        ,layedit = layui.layedit;
    var $ = layui.jquery
        ,upload = layui.upload;

    //普通图片上传
    var uploadInst = upload.render({
      elem: '#test1'
      ,url: '/upload/'
      ,before: function(obj){
        //预读本地文件示例，不支持ie8
        obj.preview(function(index, file, result){
          $('#demo1').attr('src', result); //图片链接（base64）
        });
      }
      ,done: function(res){
        //如果上传失败
        if(res.code > 0){
          return layer.msg('上传失败');
        }
        //上传成功
      }
      ,error: function(){
        //演示失败状态，并实现重传
        var demoText = $('#demoText');
        demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
        demoText.find('.demo-reload').on('click', function(){
          uploadInst.upload();
        });
      }
    });
    var uploadInst2 = upload.render({
      elem: '#test2'
      ,url: '/upload/'
      ,before: function(obj){
        //预读本地文件示例，不支持ie8
        obj.preview(function(index, file, result){
          $('#demo2').attr('src', result); //图片链接（base64）
        });
      }
      ,done: function(res){
        //如果上传失败
        if(res.code > 0){
          return layer.msg('上传失败');
        }
        //上传成功
      }
      ,error: function(){
        //演示失败状态，并实现重传
        var demoText = $('#demoText');
        demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
        demoText.find('.demo-reload').on('click', function(){
          uploadInst.upload();
        });
      }
    });
    var uploadInst3 = upload.render({
      elem: '#test3'
      ,url: '/upload/'
      ,before: function(obj){
        //预读本地文件示例，不支持ie8
        obj.preview(function(index, file, result){
          $('#demo3').attr('src', result); //图片链接（base64）
        });
      }
      ,done: function(res){
        //如果上传失败
        if(res.code > 0){
          return layer.msg('上传失败');
        }
        //上传成功
      }
      ,error: function(){
        //演示失败状态，并实现重传
        var demoText = $('#demoText');
        demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
        demoText.find('.demo-reload').on('click', function(){
          uploadInst.upload();
        });
      }
    });

    //监听提交
    form.on('submit(demo1)', function(data){
      layer.alert(JSON.stringify(data.field), {
        title: '最终的提交信息'
      });
      return false;
    });


  });
</script>

<script type="text/javascript">
  $(function () {
    $("#city-picker1").citypicker();
    $("#city-picker2").citypicker();
  });
</script>
</body>
</html>